<template>
  <div class="dashboard">
    <div class="main-one">
      <Row :gutter="16">
          <Col :span="16">
            <Card>
                <p slot="title">
                    <Icon type="ios-megaphone-outline" />
                    通知公告
                </p>
                <SScroll />
            </Card>
          </Col>

          <Col :span="8">
            <Card>
                <p slot="title">
                    <Icon type="ios-film-outline"></Icon>
                    电影经典
                </p>
                <CFilms />
            </Card>
          </Col>
      </Row>

      <Divider />
      <Row :gutter="16">
          <Col :span="8">
            <Card>
                <p slot="title">
                    <Icon type="ios-settings-outline" />
                    系统概述
                </p>
                <div class="system-desc">
                  <p>进驻成员：<span>200人</span></p>
                  <p>模块数量：<span>4个</span></p>
                  <p>在线人数：<span>160人</span></p>
                  <p>当前时间: <span>{{ new Date() }}</span></p>
                </div>
            </Card>
          </Col>

          <Col :span="16">
            <!-- <Card>
                <p slot="title">
                    <Icon type="ios-film-outline"></Icon>
                    电影经典
                </p>
                <CFilms />
            </Card> -->
          </Col>
      </Row>
    </div>
  </div>
</template>

<script>
import SScroll from '@/components/SeamlessScroll';
import CFilms from '@/components/ClassicFilmList';
export default {
  data () {
    return {
      split1: 0.5,
      nList: []
    };
  },
  components: {
    SScroll,
    CFilms
  },
  created() {
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.dashboard{
  width: 96%;
  margin: 0.875rem auto;
}
.ivu-card-head p{
  text-align: left;
}
.system-desc{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  flex-wrap: wrap;
  p{
    width: 100%;
    text-align: left;

    span{
      font-size: 1rem;
      font-weight: 600;
    }
  }
}
</style>
